#app {
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    background: url(../../image/answer2.png) no-repeat 0 0;
    background-size: 100% ;
    .img-box {
        width: 100%;
        height: 100%;
        position: relative;
        img {
            width: 490px;
            margin-left: calc((100% - 490px) / 2);
            margin-top: 432px;
        }
        .answerList {
            margin-top: 100px;
            width: 80%;
            margin-left: 10%;
            // top: 30%;
            // left: calc((100% - 1320px) / 2);
            font-size: 36px;
            font-weight: 500;

            .item {
                width: 100%;

                header {
                    display: flex;
                    width: 100%;
                    align-items: center;

                    .icon {
                        width: 120px;
                        height: 120px;
                        text-align: center;
                        line-height: 120px;
                        color: #fff;
                        border-radius: 50%;
                        background-image: linear-gradient(#E9AC1A, #E53572);
                    }

                    p {
                        margin-left: 20px;
                        width: calc(100% - 90px);
                    }
                }
                ul {
                    width: 100%;
                    font-weight: 500;

                    li {
                        width: 80%;
                        height: 75px;
                        line-height: 75px;
                        margin-left: 10%;
                        margin-top: 30px;
                        border-radius: 40px;
                        background-color: #eee;
                        text-align: center;
                        position: relative;

                        .pre {
                            position: absolute;
                            top: 0;
                            left: 0;
                            display: inline-block;
                            width: 100px;
                            text-align: center;
                        }
                    }

                    .active {
                        background-image: linear-gradient(#E9AC1A, #E53572);
                    }
                }
            }

            button {
                width: 500px;
                height: 110px;
                margin-top: 50px;
                margin-left: calc(50% - 250px);
                text-align: center;
                border-radius: 60px;
                font-size: 52px;
                line-height: 110px;
                color: #fff;
                background-image: linear-gradient(to right, #7885c3, #02a697);
            }

            .disabled-btn {
                background-image: linear-gradient(to right, #ccc, #eee);
            }
        }
    }
    .main{
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.6);
        z-index: 999;
        .img-box-1{
            position: absolute; 
            top:300px;
            width: 900px;
            height:1410px;
            top: 200px;
            left:calc((100% - 900px) / 2);
            z-index: 1000;
            &_gift{
                width: 100%;
                height: 100%;
            }
            &_delete{
                position: absolute; 
                right: 50px;
                top: 50px;
            }
            .alcohol-type{
                position: absolute; 
                top: 120px;
                left: calc((100% - 810px) / 2);
                width: 810px;
                height: 546px;
                border-radius: 15px;
            }
            .againAnswer{
                position: absolute; 
                top: 1070px;
                left:calc((100% - 480px) / 2);
                width: 480px;
                height: 100px;
                border: 1px solid red;
            }
            
        } 
    }
   .notShow{
    display: none;
   }
}